در آن زمان، سايت هاي اينترنتي با کدهاي ساده «HTML» نوشته مي شدند. HTML يک زبان کدنويسي بود که ساختار ساده اي به وب سايت ها مي داد. با استفاده از اين زبان برنامه نويسي طراحي سرتيتر و پاراگراف و پيوند دادن به صفحه هاي وب ديگر طراحی  ممکن مي شد. اين روش در مقايسه با روش هاي ديگر، راه تازه و متفاوتي بود که کاربران با استفاده از آن به سادگي مي توانستند با به کارگيري يک مرورگر، صفحه هاي پيوند شده را باز کنند.

 

با پيشرفت وب زمينه اي ايجاد شد تا انعطاف بيشتري به امکانات وب سايت ها داده شود و کم کم واژه و اصطلاح "هنر طراحي وب سايت" بر سر زبان ها افتاد. اهميت بهره مندي همزمان از مهارت هاي مختلف موجب شد تا يک طراح وب سايت امروزي مجبور به آموزش بيش از ?? مهارت باشد تا بتواند در اين حوزه به فعاليت بپردازد.

 

در زمينه طراحي وب سايت مسائل و جنبه هاي گوناگوني بايد در نظر گرفته شود و به سبب پيشرفت روزافزون اينترنت و خلاقيت هاي فزاينده طراحان وب سايت ها، همواره بر اين موارد افزوده مي شود. اين امر موجب مي شود هر روز شاهد پديد آمدن وب سايت هايي با شکل و ايده جديد باشيم. اهميت و ظرافت در اين کار به جايي رسيده است که در حوزه روانشناسي نيز گرايشي در اين زمينه ايجاد شده و توجه گرافيست ها و هنرمندان به اثرات روانشناختي رنگ ها، وب سايت هاي مدرن و تاثيرگذاري را خلق کرده است.

 

يک طراح وب با در نظر گرفتن هدف سايت و مخاطبان آن و با استفـاده از المان هاي متناسب با رويکرد سايت و به کمک ذهن خلاق و ذوق هنري خود، طرحي خلق مي کند که ضمن ايجـاد يکپارچگي در تمامي صفحات وب سايت، نماهاي تکرار شونده و خسته کننده اي را در معرض ديد مخاطب قرار ندهد.

 

يکي از عواملي که موجب محبوبيت اين نوع طراحي در چند سال اخير شده، دميدن روح به وب سايت هاي خشک و کسل کننده نسل قديم بود به طوري که با ورود به اين وب سايت ها يک احساس خوشايند به بيننده دست مي دهد. اين سايت ها در بيشتر موارد با استفاده از هنر انيميشن سازي جذاب تر و پوياتر مي شوند که اوج آن را در وب سايت هاي مجهز به Full Flash Template نيز مي توان مشاهده کرد. ترکيب گرافيک مناسب و فايل هاي متحرک زيبايي سايت هاي ياد شده  طراحی  را دو چندان کرده است.

 

پيش از آنکه به چنين نکاتي بپردازيد بد نيست که به چند مسئله مهم و اساسي در زمان طراحي يک وب سايت مدرن و پيشرفته توجه کنيد.

 

نکته اول آنکه چه نوع وب سايتي مدنظر شماست؟ وب سايت شما مي تواند به صورت يک بروشور طراحي شود که حاوي اطلاعات مختصري از نوع خدمات و توليدات شماست. همچنين يک وب سايت مي تواند تفريحي باشد که بينندگان خاص خود را در بخش سرگرمي دارد و معرف شما نيز است يا يک وب سايت تجارت الکترونيکي که هدف آن ايجاد بازاري در دنياي مجازي به همراه يک معرفي کامل از شرکت شماست.

 

دومين سوالي که بايد به آن پاسخ دهيد آن است که چرا مي خواهيد يک وب سايت داشته باشيد؟ آيا مي خواهيد ارايه دهنده يک سرويس، فروشنده تعدادي محصول، گردآورنده اطلاعاتي در خصوص ارتقا آگاهي درباره موضوعي خاص باشيد يا به دنبال درآمدزايي بيشتر و معرفي خود به ديگران و... هستيد؟

 

در نهايت بايد مشخص کنيد که با داشتن يک وب سايت خواستار رسيدن به چه اهدافي هستيد؟ اين موضوع بسيار مهم است که بدانيد بهره مندي از يک وب سايت  طراحی  چه مزيت هايي را براي شما به همراه خواهد آورد. سعي کنيد اهداف کوتاه مدت و بلندمدت خود را مشخص کنيد. البته اين امر نيازمند شناخت نوع مخاطبان در اينترنت نيز خواهد بود.

 

تفاوت اينترنت و وب

 

 

اين سوال معمولا وجود دارد که چه تفاوتي ميان اينترنت و وب جهان گستر وجود دارد؟ و چه مواقعي بايد قبل از URL از WWW استقاده کنيم؟ 

بسياري از کاربران، مفاهيم اينترنت و وب جهان گستر (World Wide Web) را يکسان يا به جاي هم به کار مي برند. در واقع از جهتي حق با آنهاست، زيرا Web آنچنان رشد کرده و همه چيز را در اينترنت به زير سيطره خود برده که در اکثر مواقع، اينترنت مساوي وب و وب مساوي اينترنت است. ما در اينجا توضيح مي دهيم که چرا اين تصور، از جهاتي اشتباه است.  طراحی وب سایت 

اينترنت يک معناي عام و بسيار وسيع، و شامل يک دالان تو در تو است از صفحات وب، خطوط تلفن، خطوط کابلي،ماهواره ها، سيم هاي شبکه و کامپيوترهاي به هم پيوسته که در سرتاسر جهان پراکنده شده اند.

وب نيز بخشي از امکانات اينترنت است و به صفحات و پايگاه هايي اطلاق مي شود که از طريق آدرس هاي ويژه، امکان استفاده و مرور آنها توسط انواع مرورگرها مهيا مي باشد. ما مي توانيم با استفاده Uniform Resource Locator يا URL به اين پايگاه ها دسترسي داشته باشيم. اين روش آدرس دهي (مثل www.popsci.com) در دهه گذشته اينترنت را تبديل به شاهراه اطلاعاتي کرد. به خصوص اينکه باعث حذف اعلان ها و فرمان هايي شد که سابقا کاربران مجبور بودند تا براي رسيدن به اطلاعات متني، تايپ کنند. آن هم اطلاعاتي که صرفا متن بوده و از جهاتي کسل کننده بودند، اما وب آنها را تبديل به محيطي جذاب، بصري و فوق العاده پويا و متحرک نمود.

ضمن اينکه بخش عظيمي از محتوياتي که شما از طريق URL بدست مي آوريد، فايل هايي هستند که با يک کد خاص موسوم به Hyper Text Markup Language يا به اختصار HTML نوشته شده اند. در حقيقت ما فايل هاي HTML را به عنوان صفحات وب مي شناسيم.

البته حالت هاي زيادي پيش مي آيد که به جاي وب، از اينترنت استفاده مي کنيم:

مثل وقتي که يک Email مي فرستيم؛ يک فايل موسيقي Mp3 را بوسيله يک برنامه انتقال مستقيم (Peer to Peer) (مشابه Limewire) دريافت مي کنيم و نيز برخي از آدرس هاي وب که با WWW شروع نمي شوند. بنابراين در يک کلام ، اينترنت مفهومي وسيع و کلي مي باشد و وب، مفهومي خاص و ويژه، اما از آنجايي که معمولا بيش از 90 درصد کارهاي ما در اينترنت از طريق پايگاه هاي وب انجام مي گيرد، به همين خاطر ، معمولا وب و اينترنت ، يکي فرض مي شوند.

 

 

تفاوت اينترنت و وب چيست؟

اکثر کاربران فکر مي کنند که وب همان اينترنت است اما اينترنت در سال ???? وقتي که آرپانت که همان پدر اينترنت ناميده مي شود شروع به استفاده از پروتکل TCP/IP کرد شکل گرفت. وب توسط تيم برنرزلي انگليسي در سال ???? ساخته شده. شبکه جهاني وب از سرورها که صفحات را دربر دارند و مرورگرهاي بسياري همانند فايرفاکس، اينترنت اکسپلورر، سافاري و… ساخته شده است. در واقع اينترنت مجموعه اي از فناوري است که موجوديت وب را رقم زده است. اگر اينترنت نبود وب هم نبود و اگر وب نبود اينترنت هم چنان در اثر هجر باقي مي ماند. بايد به اين نکته توجه داشت که بسياري از برنامه هاي تحت شبکه بدون نياز به وب کار مي کنند مانند ايميل،FTP ، IRC يا چت مبتني بر اينترنت، نرم افزارهاي پيام رسان، تل نت، تورنت... اينترنت يک دا?ن تو در تو است از تلفن ‏ها، خطوط کابلى، ماهواره ‏ها، سيم‏ هاى شبکه و کامپيوترهاى به هم پيوسته که در سرتاسر جهان پراکنده شده‏اند. وب به نامى گفته مي شود که به هر چيز در اينترنت تعلق گرفته است.

 

 طراحی وب سایت 

 

ما مي توانيم با استفاده از Uniform Resource Locator يا URL به آن چيز دسترسى داشته باشيم. اين روش آدرس‏ دهى در دهه 60 اينترنت را تبديل به شاهراه اطلاعاتى کرد. به خصوص اين كه باعث حذف اعلان ‏ها و فرمان ‏هايى شد که سابقاً کاربران مجبور بودند تا براى رسيدن به اطلاعات تايپ کنند. بخش اعظمى از محتوياتى که شما از طريق URL به دست مي آوريد، فايل هايى هستند که با يک کد خاص موسوم به HyperText Makup Language يا به اختصار HTML نوشته شده‏اند. ما فايل هاى HTML را به عنوان صفحات وب مي شناسيم. حالت هاى زيادى پيش مـي آيد که به جـاى وب از اينترنت استفاده مي کنيم: مثل وقتى که يک e-mail مي فرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم(peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامه‏اى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرس هاى وب که با ".www" شروع نمي شوند. به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو? نيازى به وارد کردن".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد مي کنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد.

 

سرور اغلب سايت را حتى بدون پيشوند(به عنوان مثال irankala.org) تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب(ping) مي کند. حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود.

 

 

 

اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايت تان را پيدا نکنيد. يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد«در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده». در حال حاضر کاربران، سايت ها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينک‏ ها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند.

 

 

 

 

 

Tags: educational templates, educational trends in design, Educational Website Design, Educational website style, educational website templates, Educational websites

Posted in Showcases, Uncategorized, Useful Tips, WordPress Themes

 

The reason why we decided to talk about educational website design is the relevancy of this topic in the mode world. Educational websites gain their popularity day by day. Choosing the right school or kindergarten for their kids, parents mostly rely on Inteet resources. The same situation touches student audience, too. Different researches have proved that users make aesthetic decisions about the overall visual impression of any web page in as little as 50 milliseconds. The importance of first impression can play a great role for your web service. Taking into account that the potential visitors of such websites are mostly young people, website owners have to follow all the newest trends of Educational website style. A weighty part in this case also takes information. Site has to be a source of any kind of information conceing educational process, conditions and regulations.

 

Let us make it clear: what makes educational sites successful?

 

Call-to-action. The goal of your site is to involve more clients to your school, kindergarten, etc. Make them want to visit your institution. Show the advantages of it, use more photo and video materials.

Well-built structure. Education services tend to have a lot of content including schedules, documentation for each program, reports and so on. Make sure your content is easy to search around and features clear navigation that makes sense to your visitors.

Make it look smart. The visitors associate your website with what your school does. The better it is presented online, the better opinion the visitors will have about your work. طراحی وب سایت

 

educational organization, it shouldn’t be a platform to show off performance everything has to be wisely balanced.

 

based on our templates collection that you may find interesting to apply for your future service:

 

  Vivid And Eye-Catchy Design

 

Bright design better suits educational sites for kids. There is nothing more friendly than colorful and jolly childish site design like this. Childhood is the happiest time for your children and they have to spend it in a friendly atmosphere.

 

From Wikipedia, the free encyclopedia

Jump to: navigation, search

The hierarchy of labels in a domain name.

This article is about domain names in the Inteet. For other uses, see Domain.

 

A domain name is an identification string that defines a realm of administrative autonomy, authority, or control on the Inteet. Domain names are formed by the rules and procedures of the Domain Name System (DNS). Technically, any name registered in the DNS is a domain name.

 

Domain names are used in various networking contexts and application-specific naming and addressing purposes. In general, a domain name represents an Inteet Protocol (IP) resource, such as a personal computer used to access the Inteet, a server computer hosting a web site, or the web site itself or any other service communicated via the Inteet.

 

Domain names are organized in subordinate levels (subdomains) of the DNS root domain, which is nameless. The first-level set of domain names are the top-level domains (TLDs), including the generic top-level domains (gTLDs), such as the prominent domains com, info, net and org, and the country code top-level domains (ccTLDs). Below these top-level domains in the DNS hierarchy are the second-level and third-level domain names that are typically open for reservation by end-users who wish to coect local area networks to the Inteet, create other publicly accessible Inteet resources or run web sites. The registration of these domain names is usually administered by domain name registrars who sell their services to the public.

 

    1 Purpose

    2 History

    3 Domain name space

        3.1 Domain name syntax

        3.2 Top-level domains

        3.3 Second-level and lower level domains

        3.4 Inteationalized domain names

    4 Domain name registration

        4.1 History

        4.2 Administration

        4.3 Technical requirements and process

        4.4 Business models

    5 Resale of domain names

    6 Domain name confusion

    7 Use in web site hosting

    8 Abuse and regulation

        8.1 Truth in Domain Names Act

        8.2 Seizures

    9 Fictitious domain name

    10 See also

    11 References

    12 Exteal links

 

Purpose

 

Domain names serve as humanly memorable names for Inteet participants, like computers, networks, and services. A domain name represents an Inteet Protocol (IP) resource. Individual Inteet host computers use domain names as host identifiers, or host names. Host names are the leaf labels in the domain name system usually without further subordinate domain name space. Host names appear as a component in Uniform Resource Locators (URLs) for Inteet resources such as web sites (e.g., en.wikipedia.org).

 

Domain names are also used as simple identification labels to indicate ownership or control of a resource. Such examples are the realm identifiers used in the Session Initiation Protocol (SIP), the Domain Keys used to verify DNS domains in e-mail systems, and in many other Uniform Resource Identifiers (URIs).

 

An important function of domain names is to provide easily recognizable and memorizable names to numerically addressed Inteet resources. This abstraction allows any resource to be moved to a different physical location in the address topology of the network, globally or locally in an intranet. Such a move usually requires changing the IP address of a resource and the corresponding translation of this IP address to and from its domain name.

Generic domain names increase popularity. A generic domain name may sometimes define an entire category of business that a company is involved in, rather than being the name of the company. Some examples of generic names include books.com, music.com, travel.com and art.com. Companies have created successful brands based on a generic name, and such generic domain names tend to be very valuable.

 

Domain names are often referred to simply as domains and domain name registrants are frequently referred to as domain owners, although domain name registration with a registrar does not confer any legal ownership of the domain name, only an exclusive right of use.

 

The use of domain names in commerce may subject them to trademark law. In 2010, the number of active domains reached 196 million.

 

 

سبک دهي به عناوين :

اولين عنصري که در سايت به آن استايل مي دهيم تيتر موجود در صفحه است که آن را با تگ h1 مشخص مي کنيم، حالا بياييد چند استايل به اين تگ مان اضافه کنيم.

    h1 {

    Font-family: " Trebuchet MS ", Arial, Helvetica, San-serif;

    }

 

 

اين خط css بيان مي کند که تمامي عناوين صفحه Trebuchet MS مي شوند در حاليکه ساير متون صفحه verdana خواهند بود.

 

    h2 {

    Font-family: byekan, Arial, Sans-Serif;

    }

 

 

تمامي تيتر هاي سايت و عناوين از خط فوق استايل خود را مي گيرند در حالي که ساير متون سايت فونت تگ body يعني tahoma را مي خوانند.

 

    body {

    Font-family: Tahoma,Serif,Sans-Serif;

    }

 

 

همانطور که مي بينيد براي فونت Trebuchet MS از دبل کتيشن استفاده شد، اما براي ساير فونت ها استفاده نکرديم، به طور کلي اگر اسم فونت انتخابي مان تک کلمه اي باشد نيازي به استفاده از کتيشن نيست در غير اينصورت براي نام فونت هايي که دو يا سه کلمه اي هستند(مثل: "Times New Roman") حتما از کتيشن استفاده مي کنيم.

 

design-web-92.jpg

جهت مشخص شدن موضوع مثال ديگري نيز براي شما مي زنم، به عنوان مثال در سايت شرکت وب اسکالا تيتر هاي صفحه byekan است و سايز متون صفحه Tahoma .

توضيح : يکي از مشکلاتي که در وب فارسي با آن مواجه هستيم، محدوديت فونت است که معمولا به 3 نوع فونت ختم مي شود اما اخيرا" امکان درج انواع فونت ها در صفحه وجود دارد .

 

چند نکته :

 

اگر مرورگر خود را refresh کردين و تغييرات را مشاهده نکردين، ابتدا بررسي کنيد و ببينيد که آيا پس از اعمال تغييرات CSS خود را ذخيره کرده ايد يا نه. اگر اين مورد درست بود بررسي کنيد و ببينيد که آيا لينک CSS خود را درست داده ايد و اسم آن را درست تايپ کرده ايد، آخرين مورد نيز ممکن است به دليل cache کردن مرورگرتان باشد، که در اين صورت براي مرورگر IE از دکمه R + Ctrl استفاده مي نماييد و براي مرورگر فاير فاکس Ctrl + F5 کمک مي گيريد، تا cache مرورگر خود را پاک نماييد.

 

حالا بياييد کمي ظاهر سايت را عوض کنيم، در اين قسمت ويژگي هاي بيشتري به تگ body مان مي افزاييم و ظاهر منو را نيز تغيير مي دهيم، CSS زير را به فايل CSS خود اضافه کنيد.

 

    body {

    font-family: Verdana, Helvetica, Arial, sans-serif;

    background-color: #e2edff;

    line-height: 125%;

    padding: 15px;

    }

    h1{

    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;

    font-size: x-large;

    }

    li{

    font-size: small;

    }

    h2{

    color: blue;

    font-size: medium;

    font-weight: normal;

    }

    p{

    font-size: small;

    color: navy;

    }

 

 

حالا پس از ذخيره کردن فايل css تان مرورگر خود را يکبار ديگر refresh نماييد و تصويري مشابه با تصوير زير ملاحظه نماييد.

 

design-web-94.jpg

حالا توضيح خصوصيات اضافه شده در بالا:

 

    body {

    font-family: Verdana, Helvetica, Arial, sans-serif;

    background-color: #e2edff;

    line-height: 125%;

    padding: 15px;

    }

 

 

خصوصيت background-color براي اکثر تگ هاي HTML کاربرد دارد و با روشهاي گوناگوني مي توان رنگ دهي به پيش زمينه سايت را اعمال کنيم. براي تعيين کردن رنگ پيش زمينه دو روش وجود دارد، يکي اينکه نام رنگ را بنويسيم، مثل؛ yellow, blue, white, red,.... و روش ديگر استفاده از اعداد دسيمال مانند؛ 4ab390# است. بهترين روش و راحت ترين آن براي انتخاب و استفاده از رنگ مورد دلخواه خود در سايت استفاده از color picker نرم افزار photoshop است که به راحتي رنگ را به صورت عددي در اختيار شما قرار مي دهد.

نحوه استفاده از اين ارقام نيز بدين صورت است:

 

    0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, 10, 11, 12...

 

 

خصوصيت بعدي line-height است که با افزايش دادن مقدار آن مي توان فواصل بين خطوط متن را بيشتر کرد و خصوصيت padding نيز براي ايحاد فاصله ميان تگ مورد نظر و عنصر خارجي آن که درون تگ body قرار دارد مي باشد. اين فاصله را مي توان براي هر چهار جهت بالا، پايين، چپ و راست و با يک يا دو و يا تنها سه جهت آن قرار داد. انشالله در فصل بعدي در مورد padding به طور کامل توضيح خواهم داد.

تنها نکته باقي مانده مقدار دهي به padding است که به صورت عددي در مبناي پيکسل استفاده مي کنيم، مانند px15 و اين مقدار باعث ايجاد فاصله براي body مي شود که مطالب سايت از هر چهار جهت به اندازه px15 فاصله يابد. همانطور که قبلا نيز اشاره کرديم، واحد پيکسل براي سايز دهي به تصاوير نيز به کار مي رود، اصولا پيکسل کوچکترين واحد موجود در صفحه نمايش است.

 

همانطور که گفتيم به متون سايت نيز مي توان هم رنگ و هم سايز داد، همانطور که در تصوير فوق ديديد رنگ استفاده شده در اينجا ، آبي است.

 

    p{

    font-size: small;

    color: navy;

    }

 

 

براي منو نيز سايز فونت را small در نظر گرفتيم که با توجه به نوع مرورگر سايز پيش فرض small آن ، در مرورگرهاي مختلف تفاوت دارد، محدوده مقدار دهي آن small, medium, large, x-large و xx-large است.

 

براي تگ h1 نيز سبک جديدي از استايل دهي را قرار مي دهيم، چون اين تگ براي تيتر اصلي صفحه استفاده مي شود، سايز آن را بسيار بزرگ يا همان x-large انتخاب کرديم.

 

    h1{

    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;

    font-size: x-large;

    }

 

 

و براي تگ h2 سايز فونت را متوسط برگزيديم.

و تگ p تنها سايز و رنگ گرفته است .

 

با اين مثال ها سبک دهي به عناصر را آغاز کرديم ولي تازه شروع کار است .